<template>
    <div>
        <el-container>
            <el-header style="text-align: left;border-bottom: 2px solid #ec771b">
                <a href="/user_center" style="margin-right: 15px">已购图书</a>|
                <a href="/expenseCalendar" style="margin-left: 15px">消费记录</a>
            </el-header>
            <el-main>
                <router-view/>
            </el-main>
        </el-container>
        <div class="block">
            <span class="demonstration"></span>
            <el-pagination
                    layout="prev, pager, next"
                    :total="50">
            </el-pagination>
        </div>
    </div>

</template>

<script>
    export default {
        name: '',
        components: {},
        props: {},
        data() {
            return {}
        },
        computed: {},
        watch: {},
        methods: {},
        created() {
        },
        mounted() {
        },
    }

</script>

<style scoped>
    .el-header {
        padding: 0px;
    }
    element.style {
        height: 35px;
        text-align: left;
        border-bottom: 2px solid rgb(236, 119, 27);
    }
    .el-header a{
        font-size: 18px;
        color: #999;

    }
    .el-header a:hover{
        color: #ec771b;
    }
</style>

